<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
</head>

	<body>
		<div class="x-body">
			<form class="layui-form" lay-filter="formTest">

				<div class="layui-form-item">
					<label for="breakObject" class="layui-form-label">
                  		<span class="x-red">*</span>需维修物件
					</label>
					<div class="layui-input-inline">
						<input type="text" id="breakObject" name="breakObject" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>

				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label" for="breakCause"><span class="x-red">*</span>问题描述</label>
					<div class="layui-input-block">
						<textarea id="breakCause" name="breakCause" class="layui-textarea" lay-verify="required"  style="resize:none;width: 600px;height: 350px;" ></textarea>
					</div>
				</div>
				<div class="layui-form-item">
					<label for="L_repass" class="layui-form-label"></label>
					<button class="layui-btn" lay-filter="go" lay-submit="">提交</button>
					<button lay-filter="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>

			</form>
		</div>
		<script>
			layui.use(['form', 'layer'], function() {
				$ = layui.jquery;
				var form = layui.form,
					layer = layui.layer;
			     
				//监听提交
				form.on('submit()',function(data) {
					console.log(data.field)
                     $.ajax({
                        type: "post",
                        url: "proposeFix",
                        async: true,
                        data: data.field,
                        success: function(result) {
                            if(result.msg == 'success'){
                            	layer.alert("申请成功", {icon: 1},function () {
		                            var name = window.name; 
		                            if(name == null||name == undefined||name.trim() == ''){
		                                window.close();
		                            }else{
		                                // 获得frame索引
		                                var index = parent.layer.getFrameIndex(window.name);
		                                //关闭当前frame
		                                parent.layer.close(index);
			            				parent.location.reload();
		                            }
		                        });
                            }else{
                                layer.alert(result.msg, {icon: 2});
                            }
                        },
                        error: function() {
                            layer.alert("与服务器连接异常", {icon: 2});
                        }
                    }); 
                    return false;
                });
			});
		</script>

	</body>

</html>